<template>
    <div style="align-items: center;height: 600px;" class="report">
        <el-row :gutter="100" style="margin-left: 150px;">
            <el-col :span="6">
                <div class="grid-content bg-purple">
                    <el-card :body-style="{ padding: '0px' }" style="margin-top: 70px">
                        <img src="../../../assets/img/ques.png"
                             class="image" style="margin-top: 17px;margin-bottom: 10px">
                        <div style="padding: 14px;font-weight: bold">
                            <span>填写问卷</span>
                            <div class="bottom clearfix">
                                <time class="time">{{ currentDate }}</time>
                                <el-button type="text" class="button" style="margin-top: 5px" @click="writeQues()">点击进入</el-button>
                            </div>
                        </div>
                    </el-card>
                </div>
            </el-col>
            <el-col :span="6">
                <div class="grid-content bg-purple">
                    <el-card :body-style="{ padding: '0px' }" style="margin-top: 70px">
                        <img src="../../../assets/img/enter.jpg"
                             class="image">
                        <div style="padding: 14px;font-weight: bold">
                            <span>在线查看本机构报告</span>
                            <div class="bottom clearfix">
                                <time class="time">{{ currentDate }}</time>
                                <el-button type="text" class="button" @click="report()" style="margin-top: 5px">点击进入</el-button>
                            </div>
                        </div>
                    </el-card>
                </div>
            </el-col>
            <el-col :span="6">
                <div class="grid-content bg-purple">
                    <el-card :body-style="{ padding: '0px' }" style="margin-top: 70px">
                        <img src="../../../assets/img/java.jpg"
                             class="image" style="margin-top: 22px;margin-bottom: 10px">
                        <div style="padding: 14px;font-weight: bold">
                            <span>待开发。。。</span>
                            <div class="bottom clearfix">
                                <time class="time">{{ currentDate }}</time>
                                <el-button type="text" class="button" style="margin-top: 5px">点击进入</el-button>
                            </div>
                        </div>
                    </el-card>
                </div>
            </el-col>
        </el-row>

    </div>
</template>

<script>
    export default {
        data() {
            return {
                currentDate: new Date()
            };
        },
        methods: {
            report(){

                this.$router.push({name:"OrgData"})
            },
            writeQues() {
                this.$router.push({name:"WriteQues"})
            }
        },
    }
</script>

<style scoped>

    .time {
        font-size: 13px;
        color: #999;
    }

    .bottom {
        margin-top: 13px;
        line-height: 12px;
    }

    .button {
        padding: 0;
        float: right;
    }

    .image {
        width: 100%;
        display: block;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }

    .clearfix:after {
        clear: both
    }

    .report{
        background-image: url("../../../assets/img/bg.png");
        /*background-size: ;*/
    }

</style>